<template>
	<div id="app">
		<!-- 路由出口 -->
		<!-- 路由匹配到的组件将渲染在这里 -->
		<router-view></router-view>
	</div>
</template>

<script>
	import LoginPage from './views/LoginPage.vue'
	import HomePage from './views/HomePage.vue'
	import ConversationPage from './views/ConversationPage.vue'
	import CreationPage from './views/CreationPage.vue'
	import UpdateCharacter from './views/UpdateCharacter.vue'
	export default {
		name: 'app',
		components: {
			LoginPage,
			HomePage,
			ConversationPage,
			CreationPage,
			UpdateCharacter
		},
	}
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}

	.centered-container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}

	textarea {
		resize: none;
	}
</style>